<template>
  <div>
    <NavType/>
    <List/>
    <Recommend/>
    <Rank/>
    <Like/>
    <Floor v-for="item in floorList" :key="item.id" :floorData="item"/>
    <Brand/>
  </div>

</template>

<script>
import List from './List/index.vue';
import Recommend from './Recommend/index.vue';
import Rank from './Rank/index.vue';
import Like from './Like/index.vue';
import Floor from './Floor/index.vue';
import Brand from './Brand/index.vue';
import { mapActions , mapState } from 'vuex';
export default {
  name:"Home",
  components:{
    List,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand
  },
  mounted(){
      this.getFloorList()
  },
  methods:{
      ...mapActions("home",["getFloorList"])
  },
  computed:{
      ...mapState("home",["floorList"])
  }
}
</script>

<style scoped lang="less">

</style>